import { Button } from 'antd';
import React from 'react';

import BaseDiv from '@/components/baseDiv';

import styles from './index.less';

const boxStyles: React.CSSProperties = {
  height: '651px',
  display: 'flex',
  justifyContent: 'space-evenly',
  alignItems: 'center',
};
const baseStyles: React.CSSProperties = {
  background: '#1A3DC9',
  opacity: 1,
};

export default function UseNowContent() {
  return (
    <BaseDiv baseStyles={baseStyles} boxStyles={boxStyles}>
      <div className={styles.content}>
        <div className={styles.title}> 芍园云安灯系统 </div>
        <div className={styles.des}>
          进一步减少浪费，提高效率，提高过程质量控制能力，推动精益化/自动化生产{' '}
        </div>
        <div className={styles.useNow}>
          {' '}
          <Button>立即使用</Button>{' '}
        </div>
      </div>
    </BaseDiv>
  );
}
